<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>肥牛&#9825;麻糖妹</title>
	<meta name="keywords" content="有他,有她,有TA,惊喜,礼物,创意,表白,表白网,暗恋,热恋,情人节,七夕" />
	<link rel="shortcut icon" type="images/vnd.microsoft.icon" href="images/favicon.ico"/>
	<script type="text/javascript" src="js/d223e1439188e478349d52476506c22e.js" ></script>
	<script>
	loadFile("reset","style");
	loadFile("jquery.fancybox-1.3.4","style");
	loadFile("style","style");
	loadFile("prettyPhoto","style");
	loadFile("content_switch","java");
	loadFile("jquery.easing.1.3","java");
	loadFile("jquery.mousewheel","java");
	loadFile("jquery-ui","java");
	loadFile("cScroll","java");
	loadFile("jquery.cycle.all.latest","java");
	loadFile("jquery.color","java");
	loadFile("functions","java");
	loadFile("prettyPhoto","java");
	</script>
  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="all">
  <![endif]-->
	<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->

    <script>
        function checkhtml5()
        {
            if ($.browser.msie  && parseInt($.browser.version, 10) < 9) {
                document.body.innerHTML="<div style=' clear: both; text-align:center; position: relative; height: 50px; margin-top: 30px; padding: 20px; background-color: red; color: white; font-size:20px;'>你的浏览器非常落后，不支持 HTML5!<br/>请使用 Chrome 14+/IE 9+/Firefox 7+/Safari 4+ 其中任意一款浏览器访问此页面。</a></div>";

            }
        }
    </script>
    <style>
        a.wb_sina {
            float:left;
            margin-top:20px;
            margin-left:15px;
            display:inline-block;
            padding:4px 10px;
            border-radius:3px;
            background-color:#e55345;
            background-image:-moz-linear-gradient(top,#e96249,#e03c40);
            background-image:-ms-linear-gradient(top,#e96249,#e03c40);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e96249),to(#e03c40));
            background-image:-webkit-linear-gradient(top,#e96249,#e03c40);
            background-image:-o-linear-gradient(top,#e96249,#e03c40);
            background-image:linear-gradient(top,#e96249,#e03c40);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96249',endColorstr='#e03c40',GradientType=0);
            background-repeat:repeat-x;
            text-shadow:0 -1px 0 rgba(0,0,0,.5);
            border:1px solid #cf2b28;
            color:#fff!important;
            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
        }
        a.wb_sina:hover {
            background-image:-moz-linear-gradient(top,#e03c40,#e96249);
            background-image:-ms-linear-gradient(top,#e03c40,#e96249);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#e03c40),to(#e96249));
            background-image:-webkit-linear-gradient(top,#e03c40,#e96249);
            background-image:-o-linear-gradient(top,#e03c40,#e96249);
            background-image:linear-gradient(top,#e03c40,#e96249);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03c40',endColorstr='#e96249',GradientType=0);
        }
        a.wb_sina span {
            display:inline-block;
            vertical-align:-5px;
            margin-right:7px;
            height:20px;
            width:24px;
            background:url(images/weibo.png) no-repeat;
        }
        a.wb_tencent {
            float:left;
            margin-top:20px;
            margin-left:15px;
            display:inline-block;
            padding:4px 10px;
            border-radius:3px;
            background-color:#0e7fcc;
            background-image:-moz-linear-gradient(top,#1288d4,#0771c1);
            background-image:-ms-linear-gradient(top,#1288d4,#0771c1);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#1288d4),to(#0771c1));
            background-image:-webkit-linear-gradient(top,#1288d4,#0771c1);
            background-image:-o-linear-gradient(top,#1288d4,#0771c1);
            background-image:linear-gradient(top,#1288d4,#0771c1);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1288d4',endColorstr='#0771c1',GradientType=0);
            background-repeat:repeat-x;
            text-shadow:0 -1px 0 rgba(0,0,0,.5);
            border:1px solid #0D6EB8;
            color:#fff!important;
            box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 1px 0 rgba(0,0,0,.2);
        }
        a.wb_tencent:hover {
            background-color:#0e7fcc;
            background-image:-moz-linear-gradient(top,#0771c1,#1288d4);
            background-image:-ms-linear-gradient(top,#0771c1,#1288d4);
            background-image:-webkit-gradient(linear,0 0,0 100%,from(#0771c1),to(#1288d4));
            background-image:-webkit-linear-gradient(top,#0771c1,#1288d4);
            background-image:-o-linear-gradient(top,#0771c1,#1288d4);
            background-image:linear-gradient(top,#0771c1,#1288d4);
            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0771c1',endColorstr='#1288d4',GradientType=0);
        }
        a.wb_tencent span {
            display:inline-block;
            vertical-align:-5px;
            margin-right:7px;
            height:20px;
            width:24px;
            background:url(images/weibo.png) no-repeat 0 -20px;
        }
        #abox
        {
            position: fixed;
            _position: absolute;
            right: 15px;
            z-index: 99999999;
        }
    </style>
</head>

<body onload="checkhtml5()">

<div class="page_spinner">
    <div></div>
</div>
<div class="over">
	<div class="centre">
		<div class="main">
			<!--header -->
			<header>
				<h1><span id="logo"><img src="images/logo1.png" alt="" usemap="#logo"></span></h1>
				<nav class="menu">
					<ul id="menu">
						<li id="nav1"><img src="images/nav1.png" alt=""><span>爱的宣誓</span></li>
						<li id="nav2"><img src="images/nav2.png" alt=""><span>我们的故事</span></li>
						<li id="nav3"><img src="images/nav3.png" alt=""><span>絮叨絮叨</span></li>
						<li id="nav4"><img src="images/nav4.png" alt=""><span>精彩笑话</span></li>
						<li id="nav5"><img src="images/nav5.png" alt=""><span>爱的映像</span></li>
						<li id="nav6"><img src="images/nav6.png" alt=""><span>时光沙漏</span></li>
					</ul>
				</nav>
				<img src="images/spacer.gif" alt="" id="navigation" usemap="#navigation">
				<map name="logo" class="map_logo"></map>
				<map name="navigation" class="navigation"></map>
			</header>
			<!--header end-->
			<!--content -->
			<map name="back" class="map_back"></map>
			<article id="content">
				<ul>
					<li id="page_Home">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav1.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>爱的宣誓</h2>
                            人物：<strong>肥牛</strong> LOVE <strong>麻糖妹</strong><br />
                            不在乎曾经拥有，只在乎天长地久。<br />
                            我顶着大太阳，只想为你撑伞。 <br /><br />
                            爱着你，恋着你，一直想着你 <br />
                            缠着你，黏着你，心里念着你<br />
                            疼着你，宠着你，就是放不下你<br />
                            抱着你，哄着你，永远离不开你 <br />
						</div>
					</li>
					<li id="page_About">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav2.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>我们的故事</h2>
							<div class="relative">
								<div class="scroll">
                                    <span>人物：<strong>肥牛</strong> LOVE <strong>麻糖妹</strong></span>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 我觉得很幸福，稍微感觉到你有点点委屈，我都心疼，我们吵吵闹闹好多次，但是你有没有发现这让我们更相爱了。老婆，你知道我最喜欢什么吗？现在，就是叫我老公哦，然后说爱我。我喜欢你的矫情，淘气，小色，反正就是你的什么都喜欢啦。老婆，你知道吗？我爱你，我想给你更多，我现在能做的、能给的很少，不要介意哦，我会为了你努力的！</p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp; 时时刻刻都想你，感觉离不开你了，肯定你魅惑我了。坏蛋。 ^_^</p>
								</div>
							</div>
						</div>
					</li>
					<li id="page_Talk">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav3.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>絮叨絮叨</h2>
                            <div class="relative">
                                <div class="scroll">
                                    <div style="width:100%;float: left; border-bottom: 1px solid #CCCCCC;">唉，很失望的样子。<br/><span style="float: right"> --by 肥牛 2014年3月9日</span></div>



                                    <div style="width:100%;float: left">今天好像惹媳妇生气了，做一个网页哄哄她开心。<br/><span style="float: right"> --by 肥牛 2014年3月8日</span></div>
                                </div>
                            </div>
						</div>
					</li>
					<li id="page_Message">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav4.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>精彩笑话</h2>
                            <div class="relative">
                                <div class="scroll">
                                    <div style="min-height: 300px; padding-bottom: 50px;">
										今天去吃番茄炒鸡蛋，盘内却没发现一丁点鸡蛋，还TM跟没放盐似的，质问老板：你这是什么菜呀？<br/>
										老板嘿嘿一笑：番茄超级淡啊。<br/>
										<br/>
										A：《爱情公寓4》是最后一部了吧？<br/>
										B：好像是不出第五部了。<br/>
										A：可是看剧情不像大结局啊。<br/>
										C：不出第五部，你还不让人家出4S吗？<br/>
                                    </div>
                                </div>
                            </div>
						</div>
					</li>
					<li id="page_Blog">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav5.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>爱的映像</h2>
							<div class="relative">
								<div class="scroll">
									<ul class="gallery fancybox">
                                        <li style="line-height:120px"><img src="images/uploadimage/1.jpg" alt=""></li>
                                        <li style="line-height:120px"><img src="images/uploadimage/2.jpg" alt=""></li>
                                        <li style="line-height:120px"><img src="images/uploadimage/3.jpg" alt=""></li>
                                        <li style="line-height:120px"><img src="images/uploadimage/4.jpg" alt=""></li>
									</ul>
								</div>
							</div>
						</div>
					</li>
					<li id="page_Time">
						<img src="images/bg_content.png" alt="" class="bg_cont">
						<span class="back"><img src="images/nav6.png" alt="" usemap="#back"><a href="#close">返回</a></span>
						<div class="pad">
							<h2>时光沙漏</h2>
                            <div id="loveHeart" style="margin-top: 30px;font-size: 25px;">
                                        <span style="">麻糖妹, 你知道我们相爱了多久吗</span>
                                        <div id="elapseClock" style="margin: 10px 0px 10px 0px;"></div>

                                <img src="images/1.gif" />　　　　<img src="images/2.gif" /><br/><br/>
                                    <div id="loveu">
                                        爱，从那美丽的蝴蝶开始<br/>
                                        <div class="signature" style="float: right; margin-right: 50px;">- 肥牛</div>
                                    </div>
                                </div>
                            </div>

						</div>
					</li>
				</ul>
			</article>
			<!--content end-->
		</div>
	</div>

</div>
<script>
$(window).load(function() {	
	$('.page_spinner').fadeOut();
	$('body').css({overflow:'visible'});
})
</script>
<script>
    $(window).load(function (){
        var biz_name = '';
        var biz_url = '';
        $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:'<a href="' + biz_url + '" target="_blank">' + biz_name + '</a>',animation_speed:'normal',theme:'dark_square',slideshow:5000, autoplay_slideshow: false});
    });
</script>

<script type="text/javascript">
    var offsetX = $("#loveHeart").width() / 2;
    var offsetY = $("#loveHeart").height() / 2 - 55;
    var together = new Date();
    together.setFullYear(2012, 02, 13);
    together.setHours(20);
    together.setMinutes(0);
    together.setSeconds(0);
    together.setMilliseconds(0);

	setTimeout(function () {
		adjustWordsPosition();
		startHeartAnimation();
	}, 5000);

	timeElapse(together);
	setInterval(function () {
		timeElapse(together);
	}, 500);
</script>
</div>

	
	<!-- 统计代码 -->
	<div style="display:none">
		<script language="javascript" type="text/javascript" src="http://js.users.51.la/15335892.js"></script>
		<noscript><a href="http://www.51.la/?15335892" target="_blank"><img alt="&#x6211;&#x8981;&#x5566;&#x514D;&#x8D39;&#x7EDF;&#x8BA1;" src="http://img.users.51.la/15335892.asp" style="border:none" /></a></noscript>
		
		<iframe src="http://web.kugou.com/?action=single&filename=%u8BB8%u5D69__-__%u6211%u5F88%u559C%u6B22&hash=66a825f4ab06fa189ed2334f29ec6043&timelen=216000&microblog=1&chl=kugou">
	</div>
	<!-- /统计代码 -->
</body>
</html>